<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
    <title>你好</title>
    <meta name="description" content="林在的个人网站，期待与更多的人相遇！">
    <meta name="keywords" content="林在你好">
    <link rel="stylesheet" type="text/css" th:href="@{/css/h.9c69ed6c.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/nekotora.99cf6f8c.css}">
    <script>function a(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],a("js",new Date),a("config","UA-137340638-1");</script>
    <script type="text/javascript"  th:src="@{/js/page.3a0791a3.js}"></script>
    <script type="text/javascript" th:src="@{/js/stats.js}" charset="UTF-8">
    </script>
</head>
<body data-phone-cc-input="1">
<div class="background">
    <canvas id="startrack"></canvas>
    <div class="cover">
    </div>
</div>
<div class="main">
    <div class="ch intro">
        <div class="container">
            <div class="hello">
                <h1 id="slogan">思考中...</h1>
                <h2>
                    <div class="circle">
                        <span></span>
                    </div>林在|林在网络工作室
                </h2>
            </div>
        </div>
    </div>
    <div class="ch about">
        <div class="container">
            <h2 class="chtitle">Who am <span>I</span>？</h2>
                <div class="clear">
                    <div class="introduct">
                        <img class="avatar" th:src="@{/images/dog.jpg}" > <P>坚强代替了软弱，热爱代替了恐惧，人不能两次踏进同一条河</p>
                        <p style="padding-bottom:1em;">How lucky to meet you!</p>
                        <p>你好，这里是林在 <sup>Raih</sup> ，24岁，永远是学生，对有趣的世界和可能有趣的你感到好奇，热爱生活热爱自己，深爱小双 </p>
                        <p>希望能与你在比特之海的繁星之下相见！</p>
                        <p>也希望能有一天和你成为好朋友</p>
                        <div class="chatbox">
                            <div class="line loading">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </div>
                    </div>
            <ul class="skill clear">
                <li>
                    <p>HTML5/CSS3</p>
                    <div class="progress">
                        <div style="width:60%;"></div>
                        <span>制作网站程度的能力</span>
                    </div>
                </li>
                <li>
                    <p>JavaScript/github</p>
                    <div class="progress">
                        <div style="width:75%;"></div>
                        <span>使用现代轮子程度的能力</span>
                    </div>
                </li>
                <li>
                    <p>Java</p>
                    <div class="progress">
                        <div style="width:70%;"></div>
                        <span>赞美最好的语言程度的能力</span>
                    </div>
                </li>
                <li>
                    <p>乒乓球</p>
                    <div class="progress">
                        <div style="width:90%;"></div>
                            <span>近视眼的反应能力</span>
                    </div>
                </li>
                <li>
                    <p>世界</p>
                    <div class="progress">
                    <div style="width:50%;"></div>
                        <span>观测世界程度的能力</span>
                    </div>
                </li>
                <li>
                    <p>搞事情</p>
                    <div class="progress">
                    <div style="width:80%;"></div>
                        <span>相信我会把事情搞砸的</span>
                    </div>
                </li>
                <li>
                    <p>热爱</p>
                    <div class="progress">
                    <div style="width:99.9%;"></div>
                        <span>温柔会留给你</span>
                    </div> </li>
                <li>
                    <p>未来</p>
                    <div class="progress">
                        <div style="width:50%;"></div>
                        <span>我的未来将会……</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    </div>
        <div class="find ch">
            <div class="container links">
                <h2 class="chtitle">林在留下痕迹的<span>地方</span></h2>
                <div class="clear col-3">
                    <a href="https://user.qzone.qq.com/75365079" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#28a9e0">

                            </div>
                            <div class="inner">
                                <i class="icon-qq"></i>
                                <span>QQ</span>
                            </div>
                        </div>
                    </a>
                    <a href="" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#28a9e0">

                            </div>
                            <div class="inner">
                                <i class="icon-mail"></i>
                                <span>Mail</span>
                            </div>
                        </div>
                    </a>
                    <a href="https://www.weibo.com/" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#e6162d">

                            </div>
                            <div class="inner">
                                <i class="icon-weibo"></i>
                                <span>Weibo</span>
                            </div>
                        </div>
                    </a>
                    <a href="https://www.bilibili.com/" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#f9a2a8">

                            </div>
                            <div class="inner">
                                <i class="icon-bilibili"></i>
                                <span>Bilibili</span>
                            </div>
                        </div>
                    </a>
                    <a href="https://www.baidu.com/" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#28a9e0">

                            </div>
                            <div class="inner">
                                <i class="icon-twitter"></i>
                                <span>Twitter</span>
                            </div>
                        </div>
                    </a>
                    <a href="https://www.zhihu.com/" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#0f88eb">

                            </div>
                            <div class="inner">
                                <i class="icon-zhihu">

                                </i>
                                <span>知乎</span>
                            </div>
                        </div>
                    </a>
                    <a href="http://music.163.com" target="_blank">
                        <div class="item">
                            <div class="bg" style="background-color:#f12d35">

                            </div>
                            <div class="inner">
                                <i class="icon-netease_music"></i>
                                <span>网易云音乐</span>
                            </div>
                        </div>
                    </a>
                    <a href="https://github.com" target="_blank">
                        <div class="item"> <div class="bg" style="background-color:#353535"></div>
                            <div class="inner">
                                <i class="icon-github"></i>
                                <span>Github</span>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="footer ch">
                    <div class="container">
                        <h3>林在网络工作室</h3>
                        <p>茂密忧郁的森林里藏着精灵，她期待着我找到她</p>
                        <p class="c"><a href="">Say hello to me @ </a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>